<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>热卖搜索</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/reception/search.css">
    <!-- 引入 bootstrap的 css -->
    <link type="text/css" rel="stylesheet" th:href="@{plugins/bootstrap-3.4.1-dist/css/bootstrap.min.css}"/>
    <!-- 引入 jquery 框架，需要第一个引入，因为其他的js会使用该框架 -->
    <script type="text/javascript" th:src="@{plugins/jquery-3.6.0/jquery-3.6.0.min.js}"></script>
    <!-- 引入 bootstrap的js -->
    <script type="text/javascript" th:src="@{plugins/bootstrap-3.4.1-dist/js/bootstrap.min.js}"></script>
    <!-- 引入分页插件pagination的css样式文件 -->
    <link type="text/css" rel="stylesheet" th:href="@{plugins/pagination-2.1.5/css/pagination.css}">
    <!-- 引入假分页控件pagination的js -->
    <script type="text/javascript" th:src="@{plugins/pagination-2.1.5/js/pagination.min.js}"></script>
    <!-- 引入自己写的js -->
    <script type="text/javascript" th:src="@{js/reception/search.js}"></script>
</head>
<body>
<!-- 顶部开始 -->
<div class="top">
    <div class="header">
        <div class="top-left">
            <font size="4px" color="red">欢迎来到稻香商城!</font>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <a href="#">加入我们</a>&nbsp;&nbsp;&nbsp;&nbsp;
            <a href="#">帮助中心</a>&nbsp;&nbsp;&nbsp;&nbsp;
            <a href="jump?pg=reception/chat">联系客服</a>&nbsp;&nbsp;&nbsp;&nbsp;
        </div>
        <div class="top_right">
            <a href="jump?pg=reception/index">首页</a>&nbsp;&nbsp;&nbsp;&nbsp;
            <span id="loginUserId" hidden="hidden" th:text="${session.loginUser==null?'':session.loginUser.getUid()}"></span>
            <span id="loginUser" hidden="hidden" th:text="${session.loginUser==null?'':session.loginUser.getNickname()}"></span>
            <a href="jump?pg=reception/login" id="sessionName"></a>&nbsp;&nbsp;&nbsp;&nbsp;
            <a href="jump?pg=reception/register">免费注册</a>&nbsp;&nbsp;&nbsp;&nbsp;
            <a href="#">我的订单</a>&nbsp;&nbsp;&nbsp;&nbsp;
            <a target="_blank" id="shoppingCar">购物车<img src="/img/gowuchetubiao.png"></a>&nbsp;&nbsp;&nbsp;&nbsp;
            <a href="#">会员中心</a>
        </div>
    </div>
</div>
<div class="work">
    <div class="header_1">
        <img src="/img/dingbu.jpg" width="100%" height="100%">
    </div>
</div>
<!--顶部结束 -->
<!-- 搜索框开始 -->
<div class="col-sm-6 center2" id="so">
    <div class="input-group">
        <input type="text" class="form-control" id="searchValue" th:value="${searchValue}" name="searchValue" onkeydown="searchOnKeyDown(event)"/>
        <span class="input-group-addon">
            <a href="#" onclick="searchOnClick()">
                <i class="glyphicon glyphicon-search">
                    <span>搜索</span>
                </i>
            </a>
        </span>
    </div>
</div>
<!-- 搜索框结束 -->
<br/><br/><br/><hr size="1" color="#000" style="height: 2px"/>
<!-- 内容开始 -->
<div class="outer" id="showMsg">
<!--    <div class="inner">-->
<!--        <img src="img/hahaha.png" alt="hahaha" width="80%" height="80%" /><br/>-->
<!--        <span>hahaha</span><br/>-->
<!--        <span>xixixi</span>-->
<!--    </div>-->
</div>
<div id="queryPager"></div>
<!-- 内容结束 -->
</body>
</html>